<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>缤格</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/binge.css" />
    <script type="text/javascript" src="../../script/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../script/swiper.min.js"></script>
    <script type="text/javascript" src="../../script/laydate/laydate.js"></script>
    <script type="text/javascript" src="../../script/mobile.js"></script>
    <script type="text/javascript">
        window['adaptive'].desinWidth = 750;
        window['adaptive'].baseFont = 28;
        window['adaptive'].maxWidth = 750;
        window['adaptive'].init();
    </script>
</head>

<body>
<!-- header -->
<div id="header">
    <div class="header">
        <div class="head-back">
            <a href="javascript:void(0);" tapmode onclick="comeBack()">取消</a>
        </div>
        <div class="head-title">
            <h6>发布帖子</h6>
        </div>
        <div class="head-action">
            <a href="javascript:void(0);" tapmode >发布</a>
        </div>
    </div>
</div>
<!-- header end -->
<div class="activity-section">
    <div class="activity-detail">
        <textarea style="height: 3rem; font-size: 0.26rem;" name="" id="" cols="30" rows="10" placeholder="说说你这一刻的想法..."></textarea>

        <ul>
            <li>
                <img src="../../image/img-media01.png" alt="">
                <div class="delete"></div>
            </li>
            <li>
                <img src="../../image/img-media01.png" alt="">
                <div class="delete"></div>
            </li>
            <li class="choose-pic" id="choosePic">
                <div class="pic-icon">照片</div>
            </li>
        </ul>
    </div>

</div>




<!-- 时间选择器-->
<div class="model" style="display: none">
    <div class="model-time" id="modelTime"></div>
</div>
<!-- 时间选择器 end-->

</body>

</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {

        setFixStatusBar(); //设置状态栏






    };

    var _timeModel = $(".model");
    var _varId = '', _chooseTime = '';
    $(".chooseTime").click(function () {
        var _this = $(this);
        _varId = _this.attr('id');
        _timeModel.fadeIn();
    });

    laydate.render({
        elem: '#modelTime', //指定元素
        position: 'static',
        type: 'datetime',
        trigger:'click',
        format: 'yyyy-MM-dd HH:mm',
        btns: ['now','confirm'],
        done: function(value){
            console.log(value);
            _chooseTime = value;
        }
    });
    //确定时间，关闭弹窗
    $(".laydate-btns-confirm").click(function () {
        $('#'+_varId).val(_chooseTime);
        _timeModel.fadeOut();
    });

    _timeModel.on('click',function (e) {
        _timeModel.fadeOut();
    })



</script>
